<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<link type="text/css" href="css/reservation.css" rel="stylesheet" />
<!-- <link rel="stylesheet" href="css/jquery-ui.css"> -->
<div id="contents">
	<nav>
		<ul>
			<li><a>예매하기</a></li>
			<li><a>예매확인/취소</a></li>
			<li><a>예매안내</a></li>
		</ul>
	</nav>
	<div id="rev">
		<div id="plmov">
			<h2>상영중인영화</h2>
			<ul>
				<li>하울의 움직이는 성</li>
				<li>하울의 움직이는 성</li>
				<li>하울의 움직이는 성</li>
			</ul>
		</div>
		<div id="cinema">
			<h2>영화관</h2>
			<div id="accordion">
				<h3><a class="sido" href="">서울</a></h3>
				<div class="area">
					<ul>
						<li>강남구</li>
						<li><a href="">강남 CGV</a></li>
						<li><a>압구정 CGV</a></li>
						<li><a>메가박스 코엑스</a></li>
						<li><a>인디 플러스</a></li>
						<li><a>롯데시네마 씨티(강남)</a></li>
						<li><a>롯데씨네마 브로드웨이</a></li>
					</ul>
					<ul>
						<li>강동구</li>
						<li><a>롯데시네마 강동</a></li>
						<li><a>CGV 강동</a></li>
					</ul>
					<ul>
						<li>강남구</li>
						<li><a>강남 CGV</a></li>
						<li><a>압구정 CGV</a></li>
						<li><a>메가박스 코엑스</a></li>
						<li><a>인디 플러스</a></li>
						<li><a>롯데시네마 씨티(강남)</a></li>
						<li><a>롯데씨네마 브로드웨이</a></li>
					</ul>


				</div>
				<h3><a class="sido" href="">인천/경기</a></h3>
				<div class="area">
					<ul>
						<li>강남구</li>
						<li><a>강남 CGV</a></li>
						<li><a>압구정 CGV</a></li>
						<li><a>메가박스 코엑스</a></li>
						<li><a>인디 플러스</a></li>
						<li><a>롯데시네마 씨티(강남)</a></li>
						<li><a>롯데씨네마 브로드웨이</a></li>
					</ul>
					<ul>
						<li>강동구</li>
						<li><a>롯데시네마 강동</a></li>
						<li><a>CGV 강동</a></li>
					</ul>
				</div>

				<h3><a class="sido" href="">대전/충청,강원</a></h3>
				<div class="area">
					<ul>
						<li>강남구</li>
						<li><a>강남 CGV</a></li>
						<li><a>압구정 CGV</a></li>
						<li><a>메가박스 코엑스</a></li>
						<li><a>인디 플러스</a></li>
						<li><a>롯데시네마 씨티(강남)</a></li>
						<li><a>롯데씨네마 브로드웨이</a></li>
					</ul>
					<ul>
						<li>강동구</li>
						<li><a>롯데시네마 강동</a></li>
						<li><a>CGV 강동</a></li>
					</ul>
				</div>
				<h3><a class="sido" href="">부산,대구,울산/경상</a></h3>
				<div class="area">
					<ul>
						<li>강남구</li>
						<li><a>강남 CGV</a></li>
						<li><a>압구정 CGV</a></li>
						<li><a>메가박스 코엑스</a></li>
						<li><a>인디 플러스</a></li>
						<li><a>롯데시네마 씨티(강남)</a></li>
						<li><a>롯데씨네마 브로드웨이</a></li>
					</ul>
					<ul>
						<li>강동구</li>
						<li><a>롯데시네마 강동</a></li>
						<li><a>CGV 강동</a></li>
					</ul>
				</div>

				<h3><a class="sido" href="">광주/전라,제주</a></h3>
				<div class="area">
					<ul>
						<li>강남구</li>
						<li><a>강남 CGV</a></li>
						<li><a>압구정 CGV</a></li>
						<li><a>메가박스 코엑스</a></li>
						<li><a>인디 플러스</a></li>
						<li><a>롯데시네마 씨티(강남)</a></li>
						<li><a>롯데씨네마 브로드웨이</a></li>
					</ul>
					<ul>
						<li>강동구</li>
						<li><a>롯데시네마 강동</a></li>
						<li><a>CGV 강동</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 자바스크립 ui 아코디언 찾아서 버튼색깔변경 찾아봐라 십새갸 -->


		<div id="date">
			<h2>날짜</h2>
			<p>예매하실 날짜를 선택해주세요.</p>
			<div id="playdate"></div>
			</div>
		<div id="movtime">
			<h2>시간</h2>
			<ul>
				<li>7관 17시 50분
			</ul>
		</div>
		<div id="people">
			<h2>인원</h2>
			<select><option>일반인</option><option>청소년</option></select>
			<ul>
				<li><button type="button">1</button></li>
				<li><button type="button">2</button></li>
				<li><button type="button">3</button></li>
				<li>
					<button type="button">4</button>
				</li>
				<li><button type="button">5</button></li>
				<li>
					<button type="button">6</button>
				</li>
			</ul>
		</div>



		<div id="revinfo">
			<div id="poster">
				<img
					src="http://img.cgv.co.kr/Movie/Thumbnail/Poster/000077/77267/77267_185.jpg"
					alt="">
			</div>
			<div id="movinfo">
				<div id="title_rating">
					<span id="rating">이미지</span><br /> <span>썬더와마법저택(더빙,디지털)</span>
				</div>
				<div id="year_date">
					<span id="year">2014</span><br /> <span id="days">1.17 금</span><br />
					<span id="time">1관 17시 45분</span>
				</div>
				<div id="revbutton">
					<button type="submit">
						<h1>좌석선택</h1>
					</button>
				</div>
			</div>
		</div>
	</div>
</div>